<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="author" content="wa">
    <title>小米商城</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/index.js"></script>
    <script src="js/unslider.min.js"></script>
    <style>
        
    </style>
</head>
<body>
    <div class="site-topbar">
        <div class="container">
            <div class="topbar">
                <ul>
                    <li>小米商城</li>
                    <li>MIUI</li>
                    <li>米聊</li>
                    <li>游戏</li>
                    <li>多看阅读</li>
                    <li>云服务</li>
                    <li>金融</li>
                    <li>小米商城移动版</li>
                    <li>问题反馈</li>
                    <li>Select Region</li>
                </ul>
                <div class="topbar-cart">购物车(<b> 0 </b>)</div>
                <div class="topbar-info">
                    <span>登录</span>
                    <span>注册</span>
                    <span>消息通知</span>
                </div>
            </div>
        </div>
    </div>
    <div class="site-header">
        <div class="container">
            <div class="logo"></div>
            <div class="header-nav">  
                <ul>
                    <li class="nav-category"></li>
                    <li class="nav-item">
                        <span class="text">小米手机</span>
                        <div class="item-children">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure"><img src="images/mi5c.jpg"></div>
                                        <div class="title">小米手机5c</div>
                                        <div class="price">1499元</div>
                                        <div class="flags"></div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/xiaomiNOTE2.jpg"></div>
                                        <div class="title">小米Note 2</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/MIX.jpg"></div>
                                        <div class="title">小米MIX</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/xiaomi5S.jpg"></div>
                                        <div class="title">小米5s</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/5spluse.jpg"></div>
                                        <div class="title">小米5s Plus</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/mi5.jpg"></div>
                                        <div class="title">小米手机5</div>
                                        <div class="price">1499元</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item">
                        <span class="text">红米</span>
                        <div class="item-children">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure"><img src="images/mi5.jpg"></div>
                                        <div class="title">红米Note 4x</div>
                                        <div class="price">1499元</div>
                                        <div class="flags"></div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/mi5.jpg"></div>
                                        <div class="title">红米Note 4</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/mi5.jpg"></div>
                                        <div class="title">红米4x</div>
                                        <div class="price">1499元</div>
                                        <div class="flags"></div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/mi5.jpg"></div>
                                        <div class="title">红米4</div>
                                        <div class="price">1499元</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item">
                        <span class="text">平板·笔记本</span>
                        <div class="item-children">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure"><img src="images/mipad.jpg"></div>
                                        <div class="title">笔记本</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/bijiben.jpg"></div>
                                        <div class="title">小米笔记本Air 12.5"</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/mipad.jpg"></div>
                                        <div class="title">小米笔记本Air 13.3"</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/bijiben.jpg"></div>
                                        <div class="title">小米笔记本Air 13.3" 尊享版</div>
                                        <div class="price">1499元</div>
                                        <div class="flags"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item">
                        <span class="text">电视</span>
                        <div class="item-children">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure"><img src="images/101848.png"></div>
                                        <div class="title">小米电视3s</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/101860xin.png"></div>
                                        <div class="title">小米电视4s</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/101848.png"></div>
                                        <div class="title">小米电视5s</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/101860xin.png"></div>
                                        <div class="title">小米电视4s</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/101848.png"></div>
                                        <div class="title">小米电视5s</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/101860xin.png"></div>
                                        <div class="title">查看全部</div>
                                        <div class="price">1499元</div>
                                        <div class="flags"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item">
                        <span class="text">盒子·影音</span>
                        <div class="item-children">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure"><img src="images/mihezi.png"></div>
                                        <div class="title">小米盒子3s</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/hezi3s.jpg"></div>
                                        <div class="title">小米盒子3c</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/mihezi.png"></div>
                                        <div class="title">小米盒子3 增强版</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/hezi3s.jpg"></div>
                                        <div class="title">小米盒子mini版</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/mihezi.png"></div>
                                        <div class="title">小米家庭影院</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/hezi3s.jpg"></div>
                                        <div class="title">小米家庭音响 标准版</div>
                                        <div class="price">1499元</div>
                                        <div class="flags"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item">
                        <span class="text">路由器</span>
                        <div class="item-children">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure"><img src="images/lyq31.png"></div>
                                        <div class="title">小米路由器 HD</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/lyqhd.png"></div>
                                        <div class="title">小米路由器 Pro</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/lyq31.png"></div>
                                        <div class="title">小米路由器 HD</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/lyqhd.png"></div>
                                        <div class="title">小米路由器 3</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/lyq31.png"></div>
                                        <div class="title">小米路由器 HD</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/lyqhd.png"></div>
                                        <div class="title">小米路由器 3C</div>
                                        <div class="price">1499元</div>
                                        <div class="flags"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item">
                        <span class="text">智能硬件</span>
                        <div class="item-children">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure"><img src="images/dfb.jpg"></div>
                                        <div class="title">小米体脂秤</div>
                                        <div class="price">1499元</div>
                                        <div class="flags"></div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/hezi3s.jpg"></div>
                                        <div class="title">米家行车记录仪</div>
                                        <div class="price">1499元</div>
                                        <div class="flags"></div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/jjy.jpg"></div>
                                        <div class="title">小米米家对讲机</div>
                                        <div class="price">1499元</div>
                                        <div class="flags"></div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/mihezi.png"></div>
                                        <div class="title">米家IH电饭煲</div>
                                        <div class="price">1499元</div>
                                        <div class="flags"></div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/tzc.jpg"></div>
                                        <div class="title">小米无人机 4k 版</div>
                                        <div class="price">1499元</div>
                                    </li>
                                    <li>
                                        <div class="figure"><img src="images/mihezi.png"></div>
                                        <div class="title">查看全部</div>
                                        <div class="price">1499元</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item">
                        <span class="text">服务</span>
                    </li>
                    <li class="nav-item">
                        <span class="text">社区</span>
                    </li>
                </ul>
            </div>
            <div class="header-search">
                <input type="text" placeholder="红米 4x">
                <button type="button"></button>
            </div>
        </div>
    </div>
    <div class="home-hero-container">
        <div class="home-hero">
            <div class="home-hero-slider">
                <div class="banner" id="b04">
                    <div class="ui-wrapper">
                        <ul class="site-category-list">
                            <li class="category-item">
                                <span>手机 电话卡</span>
                                <div class="children-title">
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/5c.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hmnote4-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/xm5S-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hmn4x80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/xm5S-80.jpg"></div>
                                            <div class="title">小米Note</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/xmNOTE2.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                            <div class="flags"></div>
                                        </li>
                                    </ul>
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/5c.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hmnote4-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/xm5S-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hmn4x80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/xm5S-80.jpg"></div>
                                            <div class="title">小米Note</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/xmNOTE2.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/5c.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="category-item">
                                <span>笔记本 平板</span>
                                <div class="children-title bijiben">
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/5c.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hmnote4-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/xm5S-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                            <div class="flags"></div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hmn4x80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/xm5S-80.jpg"></div>
                                            <div class="title">小米Note</div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="category-item">
                                <span>电视 盒子</span>
                                <div class="children-title dianshi">
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/553s80.png"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/653s80.png"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/diyinpao.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/shb.jpg"></div>
                                            <div class="title">小米Note</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/553s80.png"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/653s80.png"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/diyinpao.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/shb.jpg"></div>
                                            <div class="title">小米Note</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/shb.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/diyinpao.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="category-item">
                                <span>路由器 智能硬件</span>
                                <div class="children-title lyq">
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/553s80.png"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/653s80.png"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/diyinpao.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/shb.jpg"></div>
                                            <div class="title">小米Note</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/553s80.png"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/653s80.png"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/diyinpao.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/shb.jpg"></div>
                                            <div class="title">小米Note</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/shb.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/diyinpao.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/shb.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/diyinpao.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/shb.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                    </ul>
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/shb.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/diyinpao.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/shb.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/diyinpao.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li class="first">
                                            <div class="figure"><img src="images/shb.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="category-item">
                                <span>移动电源 电池 插线板</span>
                                <div class="children-title dianyuan">
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/dianyuan280.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/c1xb343.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/yidongdianyuan.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/dianyuanfujian.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/chongdianqi-80.jpg"></div>
                                            <div class="title">小米Note</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/hezi80-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/dianyuanfujian.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="category-item">
                                <span>耳机 音响</span>
                                <div class="children-title erji">
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/toudai80.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/qtpro80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/tdsqs80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/quantie.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/jiaonang80.jpg"></div>
                                            <div class="title">小米Note</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/bluetoothheadset.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/toudai80.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/qtpro80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/tdsqs80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/quantie.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/jiaonang80.jpg"></div>
                                            <div class="title">小米Note</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/bluetoothheadset.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/toudai80.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/qtpro80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/tdsqs80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/quantie.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/jiaonang80.jpg"></div>
                                            <div class="title">小米Note</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/bluetoothheadset.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="category-item">
                                <span>保护套 贴膜</span>
                                <div class="children-title tiemo">
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/tiemo.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/baohu.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="category-item">
                                <span>线材 支架 储存卡</span>
                                <div class="children-title zhijia">
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/xiancai.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/zipaigan.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/zhijia.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/cunchu.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="category-item">
                                <span>箱包 服饰</span>
                                <div class="children-title xiangbao">
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/xiangbao-80.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/lvxingxiang.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/huise2-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="category-item">
                                <span>米兔 生活周边</span>
                                <div class="children-title mitu">
                                    <ul class="children-list">
                                        <li class="first">
                                            <div class="figure"><img src="images/mitu-80.jpg"></div>
                                            <div class="title">小米手机5c</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/shubiaodian-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/zhoubian1.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/zazhi1021-80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                        <li>
                                            <div class="figure"><img src="images/rujiao80.jpg"></div>
                                            <div class="title">小米Note 2</div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <ul class="xma">
                        <li><img src="images/xmad.jpg"></li>
                        <li><img src="images/xmad1.jpg"></li>
                        <li><img src="images/xmad2.jpg"></li>
                        <li><img src="images/xmad3.jpg"></li>
                        <li><img src="images/xmad4.jpg"></li>
                    </ul>
                    <a href="javascript:void(0);" class="unslider-arrow04 prev"></a>
                    <a href="javascript:void(0);" class="unslider-arrow04 next"></a>
                </div>
            </div>
            <div class="home-hero-sub">
                <div class="span4">
                    <ul class="home-channel-list">
                        <li class="first">
                            <div class="figure"><img src="images/手机.png"></div>
                            <div class="title">选购手机</div>
                        </li>
                        <li>
                            <div class="figure"><img src="images/礼物.png"></div>
                            <div class="title">企业团购</div>
                        </li>
                        <li>
                            <div class="figure"><img src="images/一元秒杀.png"></div>
                            <div class="title">一元活动</div>
                        </li>
                        <li>
                            <div class="figure"><img src="images/手机卡.png"></div>
                            <div class="title">小米移动</div>
                        </li>
                        <li>
                            <div class="figure"><img src="images/以旧换新.png"></div>
                            <div class="title">以旧换新</div>
                        </li>
                        <li>
                            <div class="figure"><img src="images/充值.png"></div>
                            <div class="title">话费充值</div>
                        </li>
                    </ul>
                </div>
                <div class="span16">
                    <ul class="home-promo-list">
                        <li><img src="images/sVbtO.jpg"></li>
                        <li><img src="images/sVbtO1.jpg"></li>
                        <li><img src="images/sVbtO2.jpg"></li>
                    </ul>
                </div>
            </div>
            <div class="home-star-goods">
                <div class="xm-plain-box">
                    <div class="box-hd">
                        <h2>小米明星单品</h2>
                        <div class="more">
                            <span class="prev" href="javascript:;"></span>
                            <span class="next" href="javascript:;"></span>
                        </div>
                    </div>
                    <div class="box-bd">
                        <div class="xm-carousel-wrapper">
                            <ul class="xm-carousel-list">
                                <li class="zuo">
                                    <ul>
                                        <li class="rainbow-item-1">
                                            <div class="figure">
                                                <img src="images/e1.png" alt="">
                                            </div>
                                            <h3 class="title">小米5s Plus</h3>
                                            <p class="desc">无可视频闪，亮度色温无级调节</p>
                                            <p>2299元起</p>
                                            </li>
                                            <li class="rainbow-item-2">
                                                <div class="figure">
                                                    <img src="images/e2.png" alt="">
                                                </div>
                                                <h3 class="title">小米电视3s 55英寸</h3>
                                                <p class="desc">人工智能电视，4K大屏新旗舰</p>
                                                <p>3999元</p>
                                            </li>
                                            <li class="rainbow-item-3">
                                                <div class="figure">
                                                    <img src="images/e3.png" alt="">
                                                </div>
                                                <h3 class="title">小米移动电源2</h3>
                                                <p class="desc">双向快充，高密度锂聚合物电芯</p>
                                                <p>79元</p>
                                            </li>
                                            <li class="rainbow-item-4">
                                                <div class="figure">
                                                    <img src="images/e4.png" alt="">
                                                </div>
                                                <h3 class="title">小米手环 2</h3>
                                                <p class="desc">OLED 显示屏幕，升级计步算法</p>
                                                <p>149元</p>
                                            </li>
                                            <li class="rainbow-item-5">
                                                <div class="figure">
                                                    <img src="images/e5.jpg" alt="">
                                                </div>
                                                <h3 class="title">小米净水器 厨下式</h3>
                                                <p class="desc">直出纯净水，隐藏式安装</p>
                                                <p>1299元起</p>
                                        </li>
                                    </ul>
                                </li>
                                <li class="you">
                                    <ul>
                                        <li class="rainbow-item-6">
                                            <div class="figure">
                                                <img src="images/e6.jpg" alt="">
                                            </div>
                                            <h3 class="title">米家 LED 智能台灯</h3>
                                            <p class="desc">无可视频闪，亮度色温无级调节</p>
                                            <p>199元起</p>
                                        </li>
                                        <li class="rainbow-item-7">
                                            <div class="figure">
                                                <img src="images/e7.png" alt="">
                                            </div>
                                            <h3 class="title">米家iHealth血压计</h3>
                                            <p class="desc">爸妈上手就会用的智能血压计</p>
                                            <p>399元起</p>
                                        </li>
                                        <li class="rainbow-item-8">
                                            <div class="figure">
                                                <img src="images/e8.png" alt="">
                                            </div>
                                            <h3 class="title">小米路由器3</h3>
                                            <p class="desc">更快更强，不止四天线</p>
                                            <p>299元起</p>
                                        </li>
                                        <li class="rainbow-item-9">
                                            <div class="figure">
                                                <img src="images/e9.png" alt="">
                                            </div>
                                            <h3 class="title">小米活塞耳机 清新版</h3>
                                            <p class="desc">铝合金音腔，第三代平衡阻尼系统</p>
                                            <p>149元起</p>
                                        </li>
                                        <li class="rainbow-item-10">
                                            <div class="figure">
                                                <img src="images/e10.jpg" alt="">
                                            </div>
                                            <h3 class="title">小米体重秤</h3>
                                            <p class="desc">100克，喝杯水都可感知的精准</p>
                                            <p>299元起</p>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
    <div class="home-main">
        <div class="container">
            <div class="smart">
                <div class="box-hd">
                    <h2 class="title">智能硬件</h2>
                    <div class="more">
                        <a href="#">查看全部<i>&gt;</i></a>
                    </div>
                </div>
                <div class="box-bd">
                    <div class="row">
                        <div class="span4">
                            <div class="figure"><img src="images/zhi1.jpg"></div>
                        </div>
                        <div class="span16">
                            <ul class="brick-list">
                                <li class="brick-item">
                                    <div class="figure"><img src="images/zhi2.jpg"></div>
                                    <h3 class="title">米家行车记录仪</h3>
                                    <p class="desc">晚上能拍清车牌的行车记录仪</p>
                                    <p class="price">349元</p>
                                    <div class="flag">新品</div>
                                </li>
                                <li class="brick-item">
                                    <div class="figure"><img src="images/zhi3.jpg"></div>
                                    <h3 class="title">米家行车记录仪</h3>
                                    <p class="desc">晚上能拍清车牌的行车记录仪</p>
                                    <p class="price">349元</p>
                                    <div class="flag">新品</div>
                                </li>
                                <li class="brick-item">
                                    <div class="figure"><img src="images/zhi4.jpg"></div>
                                    <h3 class="title">米家行车记录仪</h3>
                                    <p class="desc">晚上能拍清车牌的行车记录仪</p>
                                    <p class="price">349元</p>
                                    <div class="flag">新品</div>
                                </li>
                                <li class="brick-item">
                                    <div class="figure"><img src="images/zhi5.jpg"></div>
                                    <h3 class="title">米家行车记录仪</h3>
                                    <p class="desc">晚上能拍清车牌的行车记录仪</p>
                                    <p class="price">349元</p>
                                </li>
                                <li class="brick-item">
                                    <div class="figure"><img src="images/zhi6.jpg"></div>
                                    <h3 class="title">米家行车记录仪</h3>
                                    <p class="desc">晚上能拍清车牌的行车记录仪</p>
                                    <p class="price">349元</p>
                                </li>
                                <li class="brick-item">
                                    <div class="figure"><img src="images/zhi7.jpg"></div>
                                    <h3 class="title">米家行车记录仪</h3>
                                    <p class="desc">晚上能拍清车牌的行车记录仪</p>
                                    <p class="price">349元</p>
                                </li>
                                <li class="brick-item">
                                    <div class="figure"><img src="images/zhi8.jpg"></div>
                                    <h3 class="title">米家行车记录仪</h3>
                                    <p class="desc">晚上能拍清车牌的行车记录仪</p>
                                    <p class="price">349元</p>
                                    <div class="flag">新品</div>
                                </li>
                                <li class="brick-item">
                                    <div class="figure"><img src="images/zhi9.jpg"></div>
                                    <h3 class="title">米家行车记录仪</h3>
                                    <p class="desc">晚上能拍清车牌的行车记录仪</p>
                                    <p class="price">349元</p>
                                    <div class="flag">新品</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="match">
                <div class="box-bd">
                    <h2>搭配</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active" name="0">热门</li>
                            <li name="1">耳机音箱</li>
                            <li name="2">电源</li>
                            <li name="3">电池存储卡</li>
                        </ul>
                    </div>
                </div>
                <div class="box-hd">
                    <div class="row">
                        <div class="span4">
                            <ul class="brick-promo-list">
                                <li class="brick-item"><img src="images/dapei1.jpg" alt=""></li>
                                <li class="brick-item"><img src="images/dapei2.jpg" alt=""></li>
                            </ul>
                        </div>
                        <div class="span16">
                            <div class="match-content">
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="accessories">
                <div class="box-bd">
                    <h2>配件</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active" name="0">热门</li>
                            <li name="1">保护套</li>
                            <li name="2">贴膜</li>
                            <li name="3">其他配件</li>
                        </ul>
                    </div>
                </div>
                <div class="box-hd">
                    <div class="row">
                        <div class="span4">
                            <ul class="brick-promo-list">
                                <li class="brick-item"><img src="images/peijian.jpg" alt=""></li>
                                <li class="brick-item"><img src="images/peijian1.png" alt=""></li>
                            </ul>
                        </div>
                        <div class="span16">
                            <div class="match-content">
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="around">
                <div class="box-bd">
                    <h2>周边</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active" name="0">热门</li>
                            <li name="1">服装</li>
                            <li name="2">米兔</li>
                            <li name="3">生活周边</li>
                            <li name="4">箱包</li>
                        </ul>
                    </div>
                </div>
                <div class="box-hd">
                    <div class="row">
                        <div class="span4">
                            <ul class="brick-promo-list">
                                <li class="brick-item"><img src="images/zhoubian.jpg" alt=""></li>
                                <li class="brick-item"><img src="images/zhoubian2.jpg" alt=""></li>
                            </ul>
                        </div>
                        <div class="span16">
                            <div class="match-content">
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">小米头戴式耳机</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">20000mAh小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">小米移动电源2</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">小米USB充电器</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="brick-list">
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei3.jpg" alt=""></div>
                                        <h3 class="title">九十分旅行包 20寸</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei4.jpg" alt=""></div>
                                        <h3 class="title">九十分旅行包 20寸</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei5.jpg" alt=""></div>
                                        <h3 class="title">九十分旅行包 20寸</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei6.jpg" alt=""></div>
                                        <h3 class="title">九十分旅行包 20寸</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei7.jpg" alt=""></div>
                                        <h3 class="title">九十分旅行包 20寸</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei8.jpg" alt=""></div>
                                        <h3 class="title">九十分旅行包 20寸</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="brick-item">
                                        <div class="figure"><img src="images/dapei.jpg" alt=""></div>
                                        <h3 class="title">九十分旅行包 20寸</h3>
                                        <p class="price">149元</p>
                                        <p class="rank">3456人评价</p>
                                        <div class="review-wrapper">
                                            <span>非常的好，可以的</span>
                                            <p>来自 888888888 的评价</p>
                                        </div>
                                    </li>
                                    <li class="zuihou">
                                        <div class="xs">
                                            <div class="figure"><img src="images/dapei9.jpg" alt=""></div>
                                            <h3 class="title">Haylou ...</h3>
                                            <p class="price">149元</p>
                                        </div>
                                        <div class="gengduo">
                                            <div class="figure"><img src="images/更多.png" alt=""></div>
                                            <h3 class="title">浏览更多</h3>
                                            <p class="price">149元</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="recommend">
                <div class="xm-plain-box">
                    <div class="box-hd">
                        <h2>为你推荐</h2>
                        <div class="more">
                            <span class="prev" href="javascript:;"></span>
                            <span class="next" href="javascript:;"></span>
                        </div>
                    </div>
                    <div class="box-bd">
                        <div class="xm-carousel-wrapper">
                            <ul class="xm-carousel-list">
                                <li class="zuo">
                                    <ul>
                                        <li class="rainbow-item-1">
                                            <div class="figure">
                                                <img src="images/e1.png" alt="">
                                            </div>
                                            <h3 class="title">小米5s Plus</h3>
                                            <p class="desc">4999元</p>
                                            <p>777人好评</p>
                                            </li>
                                            <li class="rainbow-item-2">
                                                <div class="figure">
                                                    <img src="images/e2.png" alt="">
                                                </div>
                                                <h3 class="title">小米电视3s 55英寸</h3>
                                                <p class="desc">4999元</p>
                                                <p>777人好评</p>
                                            </li>
                                            <li class="rainbow-item-3">
                                                <div class="figure">
                                                    <img src="images/e3.png" alt="">
                                                </div>
                                                <h3 class="title">小米移动电源2</h3>
                                                <p class="desc">4999元</p>
                                                <p>777人好评</p>
                                            </li>
                                            <li class="rainbow-item-4">
                                                <div class="figure">
                                                    <img src="images/e4.png" alt="">
                                                </div>
                                                <h3 class="title">小米手环 2</h3>
                                                <p class="desc">4999元</p>
                                                <p>777人好评</p>
                                            </li>
                                            <li class="rainbow-item-5">
                                                <div class="figure">
                                                    <img src="images/e5.jpg" alt="">
                                                </div>
                                                <h3 class="title">小米净水器 厨下式</h3>
                                                <p class="desc">4999元</p>
                                                <p>777人好评</p>
                                        </li>
                                    </ul>
                                </li>
                                <li class="you">
                                    <ul>
                                        <li class="rainbow-item-6">
                                            <div class="figure">
                                                <img src="images/e6.jpg" alt="">
                                            </div>
                                            <h3 class="title">米家 LED 智能台灯</h3>
                                            <p class="desc">4999元</p>
                                            <p>777人好评</p>
                                        </li>
                                        <li class="rainbow-item-7">
                                            <div class="figure">
                                                <img src="images/e7.png" alt="">
                                            </div>
                                            <h3 class="title">米家iHealth血压计</h3>
                                            <p class="desc">4999元</p>
                                            <p>777人好评</p>
                                        </li>
                                        <li class="rainbow-item-8">
                                            <div class="figure">
                                                <img src="images/e8.png" alt="">
                                            </div>
                                            <h3 class="title">小米路由器3</h3>
                                            <p class="desc">4999元</p>
                                            <p>777人好评</p>
                                        </li>
                                        <li class="rainbow-item-9">
                                            <div class="figure">
                                                <img src="images/e9.png" alt="">
                                            </div>
                                            <h3 class="title">小米活塞耳机 清新版</h3>
                                            <p class="desc">4999元</p>
                                            <p>777人好评</p>
                                        </li>
                                        <li class="rainbow-item-10">
                                            <div class="figure">
                                                <img src="images/e10.jpg" alt="">
                                            </div>
                                            <h3 class="title">小米体重秤</h3>
                                            <p class="desc">4999元</p>
                                            <p>777人好评</p>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="comment">
                <div class="box-hd"><h2 class="title">热评产品</h2></div>
                <div class="box-bd">
                    <ul class="review-list">
                        <li class="review-item">
                            <div class="figure"><img src="images/weini1.jpg" alt=""></div>
                            <p class="review">刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p>
                            <p class="author">来自于 龙炎 的评价</p>
                            <div class="info">
                                <h3 class="title">小米笔记本Air 12.5英寸</h3>
                                <span class="sep">|</span>
                                <p class="price">3499元</p>
                            </div>
                        </li>
                        <li class="review-item">
                            <div class="figure"><img src="images/weini2.jpg" alt=""></div>
                            <p class="review">安装简洁方便，信号不错！！！！！</p>
                            <p class="author">来自于 追逆 的评价 </p>
                            <div class="info">
                                <h3 class="title">小米路由器3</h3>
                                <span class="sep">|</span>
                                <p class="price">149元</p>
                            </div>
                        </li>
                        <li class="review-item">
                            <div class="figure"><img src="images/weini3.jpg" alt=""></div>
                            <p class="review">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</p>
                            <p class="author">来自于 HZG 的评价 </p>
                            <div class="info">
                                <h3 class="title">米家压力IH电饭煲</h3>
                                <span class="sep">|</span>
                                <p class="price">999元</p>
                            </div>
                        </li>
                        <li class="review-item">
                            <div class="figure"><img src="images/weini4.jpg" alt=""></div>
                            <p class="review">超级喜欢！小巧玲珑！音质完美！不知道为什么！只要是小米出的东西我都喜欢！那倒是因为那一句？？小米为发...</p>
                            <p class="author">来自于 田密 的评价 </p>
                            <div class="info">
                                <h3 class="title">小米随身蓝牙音箱</h3>
                                <span class="sep">|</span>
                                <p class="price">99元</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="content">
                <div class="box-hd"><h2 class="title">内容</h2></div>
                <div class="box-bd">
                    <ul class="content-list">
                        <li class="content-item tushu1">
                            <h2 class="title">图书</h2>
                            <div class="carousel clear">
                                <ul class="item-list clear">
                                    <li>
                                        <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="price">29.37元</p>
                                        <div class="figure"><img src="images/hali.jpg" alt=""></div>
                                    </li>
                                    <li>
                                        <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="price">29.37元</p>
                                        <div class="figure"><img src="images/tushu1.jpg" alt=""></div>
                                    </li>
                                    <li>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="qian">前往多看阅读</p>
                                        <div class="figure"><img src="images/tushu2.jpg" alt=""></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="pagers-wrapper">
                                <ul class="xm-pagers">
                                    <li class="pager pager-active"></li>
                                    <li class="pager"></li>
                                    <li class="pager"></li>
                                </ul>
                            </div>
                            <div class="controls">
                                <span class="control-prev"></span>
                                <span class="control-next"></span>
                            </div>
                        </li>
                        <li class="content-item neir zhuti">
                            <h2 class="title">主题</h2>
                            <div class="carousel">
                                <ul class="item-list">
                                    <li>
                                        <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="price">29.37元</p>
                                        <div class="figure"><img src="images/zhuti.jpg" alt=""></div>
                                    </li>
                                    <li>
                                        <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="price">29.37元</p>
                                        <div class="figure"><img src="images/zhuti1.jpg" alt=""></div>
                                    </li>
                                    <li>
                                        <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="price">29.37元</p>
                                        <div class="figure"><img src="images/zhuti2.jpg" alt=""></div>
                                    </li>
                                    <li>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="qian">前往MIUI主题市场</p>
                                        <div class="figure"><img src="images/zhuti3.jpg" alt=""></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="pagers-wrapper">
                                <ul class="xm-pagers">
                                    <li class="pager pager-active"></li>
                                    <li class="pager"></li>
                                    <li class="pager"></li>
                                    <li class="pager"></li>
                                </ul>
                            </div>
                            <div class="controls">
                                <span class="control-prev"></span>
                                <span class="control-next"></span>
                            </div>
                        </li>
                        <li class="content-item neir youxi">
                            <h2 class="title">游戏</h2>
                            <div class="carousel">
                                <ul class="item-list">
                                    <li>
                                        <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="price">29.37元</p>
                                        <div class="figure"><img src="images/youxi.png" alt=""></div>
                                    </li>
                                    <li>
                                        <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="price">29.37元</p>
                                        <div class="figure"><img src="images/youxi1.jpg" alt=""></div>
                                    </li>
                                    <li>
                                        <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="price">29.37元</p>
                                        <div class="figure"><img src="images/youxi2.jpg" alt=""></div>
                                    </li>
                                    <li>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="qian">前往小米游戏商店</p>
                                        <div class="figure"><img src="images/youxi3.jpg" alt=""></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="pagers-wrapper">
                                <ul class="xm-pagers">
                                    <li class="pager pager-active"></li>
                                    <li class="pager"></li>
                                    <li class="pager"></li>
                                    <li class="pager"></li>
                                </ul>
                            </div>
                            <div class="controls">
                                <span class="control-prev"></span>
                                <span class="control-next"></span>
                            </div>
                        </li>
                        <li class="content-item neir yingyong">
                            <h2 class="title">应用</h2>
                            <div class="carousel">
                                <ul class="item-list">
                                    <li>
                                        <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="price">29.37元</p>
                                        <div class="figure"><img src="images/yingyong.png" alt=""></div>
                                    </li>
                                    <li>
                                        <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="price">29.37元</p>
                                        <div class="figure"><img src="images/yingyong1.png" alt=""></div>
                                    </li>
                                    <li>
                                        <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="price">29.37元</p>
                                        <div class="figure"><img src="images/yingyong2.png" alt=""></div>
                                    </li>
                                    <li>
                                        <p class="desc">“哈利·波特”第八个故事中文版震撼来袭</p>
                                        <p class="qian">前往小米应用商店</p>
                                        <div class="figure"><img src="images/yingyong3.jpg" alt=""></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="pagers-wrapper">
                                <ul class="xm-pagers">
                                    <li class="pager pager-active"></li>
                                    <li class="pager"></li>
                                    <li class="pager"></li>
                                    <li class="pager"></li>
                                </ul>
                            </div>
                            <div class="controls">
                                <span class="control-prev"></span>
                                <span class="control-next"></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="video">
                <div class="box-hd">
                    <h2 class="title">视频</h2>
                    <div class="more">
                        <a href="#">查看全部<i>&gt;</i></a>
                    </div>
                </div>
                <div class="box-bd">
                    <ul class="video-list">
                        <li class="video-tiem">
                            <div class="figure">
                                <img src="images/视频1.jpg" alt="">
                                <span class="play"></span>
                            </div>
                            <h3 class="title">红米Note 4X 环岛挑战</h3>
                            <p class="desc">看看我们关于超长续航的疯狂想法</p>
                        </li>
                        <li class="video-tiem">
                            <div class="figure">
                                <img src="images/视频2.jpg" alt="">
                                <span class="play"></span>
                            </div>
                            <h3 class="title">小米之家里发生了一件怪事</h3>
                            <p class="desc">World Order星机械人受邀访问地球</p>
                        </li>
                        <li class="video-tiem">
                            <div class="figure">
                                <img src="images/视频3.jpg" alt="">
                                <span class="play"></span>
                            </div>
                            <h3 class="title">小米MIX 概念手机背后的故事</h3>
                            <p class="desc">雷总亲自讲述小米MIX 的诞生</p>
                        </li>
                        <li class="video-tiem">
                            <div class="figure">
                                <img src="images/视频4.jpg" alt="">
                                <span class="play"></span>
                            </div>
                            <h3 class="title">一面科技，一面艺术</h3>
                            <p class="desc">梁朝伟讲述双面人生</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="site-footer">
        <div class="container">
            <div class="footer-service">
                <ul class="list-service">
                    <li><i class="bs"></i><span>预约维修服务</span></li>
                    <li><i class="qi"></i><span>7天无理由退货</span></li>
                    <li><i class="sw"></i><span>15天免费换货</span></li>
                    <li><i class="lw"></i><span>满150元包邮</span></li>
                    <li><i class="di"></i><span>520余家售后网点</span></li>
                </ul>
            </div>
            <div class="footer-links">
                <dl class="col-links">
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>购物指南</dd>
                    <dd>订单操作</dd>
                </dl>
                <dl class="col-links">
                    <dt>服务支持</dt>
                    <dd>售后政策</dd>
                    <dd>自助服务</dd>
                    <dd>相关下载</dd>
                </dl>
                <dl class="col-links">
                    <dt>线下门店</dt>
                    <dd>小米之家</dd>
                    <dd>服务网点</dd>
                    <dd>零售网点</dd>
                </dl>
                <dl class="col-links">
                    <dt>关于小米</dt>
                    <dd>了解小米</dd>
                    <dd>加入小米</dd>
                    <dd>联系我们</dd>
                </dl>
                <dl class="col-links">
                    <dt>关注我们</dt>
                    <dd>新浪微博</dd>
                    <dd>小米部落</dd>
                    <dd>官方微信</dd>
                </dl>
                <dl class="col-links">
                    <dt>特色服务</dt>
                    <dd>F 码通道</dd>
                    <dd>礼物码</dd>
                    <dd>防伪查询</dd>
                </dl>
                <div class="col-contact">
                    <p class="phone">400-100-5678</p>
                    <p class="shijian">周一至周日 8:00-18:00</p>
                    <p class="huafu">（仅收市话费）</p>
                    <a href="#"><i></i><span>24小时在线服务</span></a>
                </div>
            </div>
        </div>
    </div>
    <div class="site-info">
        <div class="container">
            <div class="logo"><img src="images/touch-icon.png" alt=""></div>
            <div class="info-text">
                <p class="sites">
                    <span>小米商城</span>
                    <span>MIUI</span>
                    <span>米聊</span>
                    <span>多看阅读</span>
                    <span>小米路由器</span>
                    <span>视频电话</span>
                    <span>企业团购</span>
                    <span>小米天猫店</span>
                    <span>小米淘宝直营店</span>
                    <span>小米网盟</span>
                    <span>小米移动</span>
                    <span>Select Region</span>
                </p>
                <p class="biao">©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号<br>
                    违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
            </div>
            <div class="info-links">
                <img class="img1" src="images/truste.png" alt="">
                <img src="images/v-logo-1.png" alt="">
                <img src="images/v-logo-2.png" alt="">
                <img src="images/v-logo-3.png" alt="">
            </div>
        </div>
        <div class="sloger"><img src="images/slogan.png" alt=""></div>
    </div>
</body>
</html>
<script>
    // header
    $('.nav-item').hover(function(){
        $(this).find('.item-children').stop().slideDown(500);
    },function(){
        $(this).find('.item-children').stop().slideUp(500);
    });

    // container
    $(document).ready(function(e){
    var unslider04 = $('#b04').unslider({
        dots: true
    }),
    data04 = unslider04.data('unslider');
     
    $('.unslider-arrow04').click(function() {
        var fn = this.className.split(' ')[1];
        data04[fn]();
    });
});

    //  左导航
    $('.category-item').hover(function(){
        $(this).find('.children-title').stop().show();
    },function(){
        $(this).find('.children-title').stop().hide();
    })
    

    // 小米明星单品
    var index=0;
    var left=0;
    // 减
    $('.prev').click(function(){     
        left=left-0;
        right=left+1300;
        $('.zuo').stop().animate({
                left:left,
        });
        $('.you').stop().animate({
                left:right,
        });
    });
    // 加
    $('.next').click(function(){
        left=left-0;
        right=left-1300;
        $('.you').stop().animate({
            left:left,
        });
        $('.zuo').stop().animate({
            left:right,
        });
    });
    
    // 搭配
    $('.home-main .match .span16 .brick-item').hover(function(){
        $(this).find('.review-wrapper').animate({'bottom':'55'});
    },function(){
        $(this).find('.review-wrapper').animate({'bottom':'-30'});
    })

    $('.home-main .match .tab-list li').hover(function(){
        var name= $(this).attr('name')*1;
        // console.log(name);
        // console.log($('.match-content ul').eq(2));
        $('.match .match-content ul').eq(name).siblings().hide();
        $('.match .match-content ul').eq(name).show();
        $(this).addClass('tab-active').siblings().removeClass('tab-active');
    });

    // 配件
    $('.home-main .accessories .span16 .brick-item').hover(function(){
        $(this).find('.review-wrapper').animate({'bottom':'55'});
    },function(){
        $(this).find('.review-wrapper').animate({'bottom':'-30'});
    })

    $('.home-main .accessories .box-bd .tab-list li').hover(function(){
        var name= $(this).attr('name')*1;
        $('.accessories .match-content ul').eq(name).siblings().hide();
        $('.accessories .match-content ul').eq(name).show();
        $(this).addClass('tab-active').siblings().removeClass('tab-active');
    });

    // 周边
    $('.home-main .around .span16 .brick-item').hover(function(){
        $(this).find('.review-wrapper').animate({'bottom':'55'});
    },function(){
        $(this).find('.review-wrapper').animate({'bottom':'-30'});
    })

    $('.home-main .around .box-bd .tab-list li').hover(function(){
        var name= $(this).attr('name')*1;
        $('.around .match-content ul').eq(name).siblings().hide();
        $('.around .match-content ul').eq(name).show();
        $(this).addClass('tab-active').siblings().removeClass('tab-active');
    });

    // 为你推荐
    var index=0;
    var left=0;
    // 减
    $('.recommend .prev').click(function(){     
        left=left-0;
        right=left+1300;
        $('.recommend .zuo').stop().animate({
                left:left,
        });
        $('.recommend .you').stop().animate({
                left:right,
        });
    });
    // 加
    $('.recommend .next').click(function(){
        left=left-0;
        right=left-1300;
        $('.recommend .you').stop().animate({
            left:left,
        });
        $('.recommend .zuo').stop().animate({
            left:right,
        });
    });

    // 内容
    $(function(){
    var length = $('.tushu1 .pager').length;
    var currentIndex = 0;
    // 点击左键，左滑动
    $('.tushu1 .controls .control-prev').click(function(){
        currentIndex--;
        if(currentIndex<0){
            currentIndex = 0;
        }
        showMove();
    });
    // 点击右键，右滑动
    $('.tushu1 .controls .control-next').click(function(){
        currentIndex++;
        if(currentIndex>2){
            currentIndex = 2;
        }
        showMove();
    });
    // 点击后，显示图片及page
    function showMove(){
        $('.tushu1 .carousel').stop().animate({left:-296*currentIndex},500)
        $('.content .tushu1 .pager').eq(currentIndex).addClass('tushu1 pager-active').siblings().removeClass('tushu1 pager-active');
        }

    // 点击索引切换图片
    $('.tushu1 .pager').each(function(index){
        $('.tushu1 .pager').eq(index).click(function(){
            $('.tushu1 .carousel').stop().animate({left:-296*index},300)
            $('.content .tushu1 .pager').eq(index).addClass('tushu1 pager-active').siblings().removeClass('tushu1 pager-active');
        })
        });
    });
    // 主题
    $(function(){
        var length = $('.zhuti .pager').length;
        var currentIndex = 0;
        // 点击左键，左滑动
        $('.zhuti .controls .control-prev').click(function(){
            currentIndex--;
            if(currentIndex<0){
                currentIndex = 0;
            }
            showMove();
        })
        // 点击右键，右滑动
        $('.zhuti .controls .control-next').click(function(){
            currentIndex++;
            if(currentIndex>3){
                currentIndex = 3;
            }
            showMove();
        })
        // 点击后，显示图片及page
        function showMove(){
            $('.zhuti .carousel').stop().animate({left:-296*currentIndex},500)
            $('.content .zhuti .pager').eq(currentIndex).addClass('zhuti pager-active').siblings().removeClass('zhuti pager-active');
        }
        // 点击索引切换图片
        $('.zhuti .pager').each(function(index){
            $('.zhuti .pager').eq(index).click(function(){
               $('.zhuti .carousel').stop().animate({left:-296*index},300)
               $('.content .zhuti .pager').eq(index).addClass('zhuti pager-active').siblings().removeClass('zhuti pager-active');
            })
        });
    });
    $(function(){
        var length = $('.youxi .pager').length;
        var currentIndex = 0;
        // 点击左键，左滑动
        $('.youxi .controls .control-prev').click(function(){
            currentIndex--;
            if(currentIndex<0){
                currentIndex = 0;
            }
            showMove();
        })
        // 点击右键，右滑动
        $('.youxi .controls .control-next').click(function(){
            currentIndex++;
            if(currentIndex>3){
                currentIndex = 3;
            }
            showMove();
        })
        // 点击后，显示图片及page
        function showMove(){
            $('.youxi .carousel').stop().animate({left:-296*currentIndex},500)
            $('.content .youxi .pager').eq(currentIndex).addClass('youxi pager-active').siblings().removeClass('youxi pager-active');
        }
        // 点击索引切换图片
        $('.youxi .pager').each(function(index){
            $('.youxi .pager').eq(index).click(function(){
               $('.youxi .carousel').stop().animate({left:-296*index},300)
               $('.content .youxi .pager').eq(index).addClass('youxi pager-active').siblings().removeClass('youxi pager-active');
            })
        });
    })
    $(function(){
        var length = $('.yingyong .pager').length;
        var currentIndex = 0;
        // 点击左键，左滑动
        $('.yingyong .controls .control-prev').click(function(){
            currentIndex--;
            if(currentIndex<0){
                currentIndex = 0;
            }
            showMove();
        })
        // 点击右键，右滑动
        $('.yingyong .controls .control-next').click(function(){
            currentIndex++;
            if(currentIndex>3){
                currentIndex = 3;
            }
            showMove();
        })
        // 点击后，显示图片及page
        function showMove(){
            $('.yingyong .carousel').stop().animate({left:-296*currentIndex},500)
            $('.content .yingyong .pager').eq(currentIndex).addClass('yingyong pager-active').siblings().removeClass('yingyong pager-active');
        }
        // 点击索引切换图片
        $('.yingyong .pager').each(function(index){
            $('.yingyong .pager').eq(index).click(function(){
               $('.yingyong .carousel').stop().animate({left:-296*index},300)
               $('.content .yingyong .pager').eq(index).addClass('yingyong pager-active').siblings().removeClass('yingyong pager-active');
            })
        });
    })


</script>